<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Mootools Photo Gallery - Photo gallery optimized to iPad with Mootools and PowerTools!</title>
		<meta name="viewport" content="width=1024, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="viewport" content="width=768, initial-scale=1.0, maximum-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="css/oocss/all.css" media="screen,print" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold&amp;subset=latin" type="text/css" />
		<script type="text/javascript" src="js/libraries/mootools-core.js"></script>
		<script type="text/javascript" src="js/libraries/mootools-more.js"></script>
		<script type="text/javascript" src="js/libraries/powertools.js"></script>
		<script type="text/javascript" src="js/mpg/mpg.js"></script>
		<script type="text/javascript" src="js/gallery.js"></script>
	</head>
	<body>

<div class="page home">

<header class="head">
	<div class="hdgroup">
		<h1 class="h1">Mootools Photo Gallery</h1>
		<p class="description">Photo gallery optimized to iPad with <a title="Mootools" href="http://mootools.net">Mootools</a> and <a title="PowerTools!" href="http://cpojer.net/PowerTools/">PowerTools!</a></p>
	</div>
	<nav>
		<ul class="gnav">
			<li><a title="Home" href="/">Home</a></li>
			<li><a title="About" href="/about.html">About</a></li>
		</ul>
	</nav>
</header>
<!--/header-->

<div class="body">

	<div class="main">

		<div id="gallery" class="gallery">
		</div>
		<!--/gallery-->

		<ul id="navigater" class="navigater">
			<li><button type="button" class="prev">Prev</button></li>
			<li><strong class="current">1</strong> / <span class="total">10</span></li>
			<li><button type="button" class="next">Next</button></li>
		</ul>
		<!--/navigater-->

	</div>
	<!--/main-->
</div>
<!--/body-->

<footer class="foot">
	<p class="copyright">copy rights 2010 <a title="Noritaka Horio" href="mailto:holy.shared.design@gmail.com">Noritaka Horio</a> all right reserved.</p>
</footer>
<!--/foot-->

</div>
<!--/page-->

	</body>
</html>